<template>
  <div class="bottom-container">
    <div class="bottom-item" bindtap="onPlayerKnownTap">{{props.button1.value}}</div>
    <div class="bottom-item-line"></div>
    <div class="bottom-item" bindtap="onJoinUsTap">{{props.button2.value}}</div>
  </div>
</template>


<script>
export default {
  props: ['props']
}
</script>

<style>
.bottom-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px 8px;
}
.bottom-item {
  font-size: 13px;
  color: #111;
  margin: 0 5px;
}
.bottom-item-line {
  width: 1.5px;
  height: 11px;
  background-color: #a7a3a3;
}
</style>
